// 登录注册相关的代码
// const baseUrl = 'http://api-breakingnews-web.itheima.net' // 根路径
// 1. 点击去注册 => 注册的盒子显示
$('#goto-register').on('click', () => {
  //  2.注册的盒子显示
  $('#register').show()

  // 3. 获取表单输入的值
  // 4. 发送请求
})

// 给button注册一个点击事件 
// $('#register .submit').on('click',(e)=>{
//   e.preventDefault()
// })
// 给表单注册submit事件 等同于上面按钮的点击事件
$('#register form').on('submit', (e) => {
  e.preventDefault()
  // 格式要求
  // key=value&key=value
  // 获取数据
  // username=xxx&password=xxx
  // 方式一：自己拼接
  // const username = $('#register input[name="username"]').val()
  // const password = $('#register input[name="password"]').val()
  // const dataStr = `username=${username}&password=${password}` 

  // 方式二:表单序列化 serialize() 返回的key=value&key=value格式
  const dataStr = $('#register form').serialize()

  reisterApi(dataStr, res => {
    const { status, message } = res.data
    layer.msg(message); 
    if (status === 0) $('#register').hide()
  })

  // axios.post(`${baseUrl}/api/reguser`, dataStr).then(res => {
  //   const { status, message } = res.data
  //   layer.msg(message);  // 不管注册成功or失败都提示框
  //   if (status === 0) {
  //     // 处理成功的逻辑
  //     // 将注册的盒子隐藏掉即可
  //     $('#register').hide()
  //   } else {
  //     // 处理失败的逻辑  
  //     // layui = 前端的ui库 => 弹窗 
  //   }
  // })
})

// 登录按钮注册事件
// 1.注册点击事件
// 2.获取表单数据
// 3.发送请求
$('#login form').on('submit', (e) => {
  // 阻止默认行为
  e.preventDefault()
  const dataStr = $('#login form').serialize()
  // 引入api.js文件
  // 写回调函数
  loginApi(dataStr, (res) => {
    console.log(res);
    const { message, status, token } = res.data
    layer.msg(message)
    // 成功之后跳转到首页
    if (status === 0) {
      // 目的: => 后面调取其他接口
      localStorage.setItem('token', token)
      location.href = '/index.html'
    }
  })

  // axios.post(`${baseUrl}/api/login`, dataStr).then(res => {
  //   // token 是唯一的标识 (加密字符串) =>用来请求其他页面的信息接口
  //   const { message, status,token } = res.data
  //   layer.msg(message)
  //   // 成功之后跳转到首页
  //   if(status === 0){
  //     // 目的: => 后面调取其他接口
  //     localStorage.setItem('token',token)
  //     location.href = '/index.html'
  //   }
  // })
})


// 3. 点击去登录 => 注册的盒子隐藏
$('#goto-login').on('click', () => {
  // 4. 注册的盒子隐藏
  $('#register').hide()
})
// form => 哪里来的 => layui身上的
// $ => $('') => window上挂载了$
// const form = layui.form
// form.verify({
//   username: [ // 用户名
//     /^[a-z0-9]{6,10}$/,
//     '账号名是6到10位由数字, 小写字母组成'
//   ],
//   password: [ // 密码
//     /^[\S]{6,10}$/,
//     '密码是6到10位, 不能有空格'
//   ],
//   // 再次输入密码
//   repwd: function (value) {
//     // console.log(value); // 表单的值
//     // 判断 第一次输入的密码与value做比较,如果不相等,提示两次输入的密码必须相等
//     if ($('#register .pwd').val() !== value) {
//       return '两次输入的密码必须一致!'
//     }
//   }
// });